.phone_wrapper {
    position: fixed;
    right: 5%;
    height: 375px;
    height: 667px;
    top: 25%;
    background: #fff;
    // margin-top: -320px;
    z-index: 999;
    border-radius: 24px;
    overflow: hidden;
    border: 2px solid rgba($color: #000000, $alpha: .25);
    box-shadow: 0 2px 5px rgba($color: #000000, $alpha: .25);
    .phone_header {
        display: flex;
        cursor: move;
        .left_tab,
        .right_tab {
            width: 100px;
            flex-shrink: 0;
            background: rgba($color: #000000, $alpha: .7);
        }
        .left_tab {
            & > div {
                height: 100%;
                border-radius: 0 8px 0 0;
                background-color: #fff;
                background-image: url('~@image/header_left.jpg');
                background-repeat: no-repeat;
                background-size: 100% auto;
            }
        }
        .right_tab {
           
           & > div {
                height: 100%;
                border-radius: 8px 0 0 0;
                background-color: #fff;
                background-image: url('~@image/header_right.jpg');
                background-repeat: no-repeat;
                background-size: 100% auto;
           }
        }
        .mid_tab {
            flex: 1;
            overflow: hidden;
            background: #fff;
           & > div {
               height: 100%;
                background: rgba($color: #000000, $alpha: .7);
                border-radius: 0 0 25px 25px;
           }
        }
    }
    .phone {
        width: 375px;
        height: 623px;
        border: none;
    }
}